<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>{{webtitle}}-爬虫数据监控系统</title>
  <link rel="stylesheet" href="static/css/bootstrap.min.css" />
  <link rel="stylesheet" href="static/css/bootstrap-theme.min.css" />
  <link rel="stylesheet" href="static/css/bootstrap-table.min.css" />
</head>

<body>
  <div class="container">
    <div id="toolbar" class="fixed-table-toolbar" style="white-space: nowrap;">
      <h2>{{webtitle}}-爬虫数据监控系统</h2>
    </div>
    <div style="margin-top:15px;">
      <table id="table" data-toggle="table" data-click-to-select="true" data-row-style="rowStyle" data-height="600">
        <thead>
          <tr>
            <th style="width: 200px">标题</th>
            <th>内容</th>
          </tr>
        </thead>
        {% for item in items %}
        <tr>
          <td>{{item.name}}</td>
          <td class="vclass">{{item.value}}</td>
        </tr>
        {% endfor %}
      </table>
    </div>
  </div>
  <div style="width: 200px;margin: 0 auto;">&copy;用友审计 2016</div>
  <script src="static/js/jquery-2.1.3.min.js"></script>
  <script src="static/js/bootstrap.min.js"></script>
  <script src="static/js/bootstrap-table.min.js"></script>
  <script src="static/js/bootstrap-table-zh-CN.min.js"></script>
  <script>
    $(function () {
      $(".vclass").each(function(){
        var v = $(this).text();
        if (v.indexOf('http:') == 0) {
          $(this).html('<a href="' + v + '" target="_blank">' + v + '</a>');
        }
      });
    });
  </script>
</body>

</html>